.highlight_on_hover {
}

.tooth-none {
    stroke: none;
    stroke-width: 0;
    fill-opacity: 0;
}

.tooth-outline {
    stroke: #ccc;
    stroke-opacity: 1;
    stroke-width: 1;
    fill: transparent;
    fill-opacity: 1;
}

    .tooth-outline:hover {
        stroke: #608FB7;
        stroke-opacity: 1;
        stroke-width: 2;
    }

.tooth-selected {
    stroke: #608FB7;
    stroke-opacity: 1;
    stroke-width: 3;
    fill: #608FB7;
    opacity: 0.6;
    fill-opacity: 0.6;
}


/* tooth observation class */
.tooth-abnormal-impact-1 {
    padding: 0 15px;
    background-image: url(/app-resource/images/tooth/v1/icon/abnormal-impact-1.png);
    background-repeat: no-repeat;
}

.tooth-abnormal-impact-2 {
    padding: 0 15px;
    background-image: url(/app-resource/images/tooth/v1/icon/abnormal-impact-2.png);
    background-repeat: no-repeat;
}

.tooth-abnormal-impact-3 {
    padding: 0 15px;
    background-image: url(/app-resource/images/tooth/v1/icon/abnormal-impact-3.png);
    background-repeat: no-repeat;
}

.tooth-abnormal-impact-4 {
    padding: 0 15px;
    background-image: url(/app-resource/images/tooth/v1/icon/abnormal-impact-4.png);
    background-repeat: no-repeat;
}

.tooth-abnormal-mesial-1 {
    padding: 0 15px;
    background-image: url(/app-resource/images/tooth/v1/icon/abnormal-mesial-1.png);
    background-repeat: no-repeat;
}

.tooth-abnormal-mesial-2 {
    padding: 0 15px;
    background-image: url(/app-resource/images/tooth/v1/icon/abnormal-mesial-2.png);
    background-repeat: no-repeat;
}

.tooth-abnormal-mesial-3 {
    padding: 0 15px;
    background-image: url(/app-resource/images/tooth/v1/icon/abnormal-mesial-3.png);
    background-repeat: no-repeat;
}

.tooth-abnormal-mesial-4 {
    padding: 0 15px;
    background-image: url(/app-resource/images/tooth/v1/icon/abnormal-mesial-4.png);
    background-repeat: no-repeat;
}

.tooth-abnormal-distal-1 {
    padding: 0 15px;
    background-image: url(/app-resource/images/tooth/v1/icon/abnormal-distal-1.png);
    background-repeat: no-repeat;
}

.tooth-abnormal-distal-2 {
    padding: 0 15px;
    background-image: url(/app-resource/images/tooth/v1/icon/abnormal-distal-2.png);
    background-repeat: no-repeat;
}

.tooth-abnormal-distal-3 {
    padding: 0 15px;
    background-image: url(/app-resource/images/tooth/v1/icon/abnormal-distal-3.png);
    background-repeat: no-repeat;
}

.tooth-abnormal-distal-4 {
    padding: 0 15px;
    background-image: url(/app-resource/images/tooth/v1/icon/abnormal-distal-4.png);
    background-repeat: no-repeat;
}

.tooth-abnormal-extend-1 {
    padding: 0 15px;
    background-image: url(/app-resource/images/tooth/v1/icon/abnormal-extend-1.png);
    background-repeat: no-repeat;
}

.tooth-abnormal-extend-2 {
    padding: 0 15px;
    background-image: url(/app-resource/images/tooth/v1/icon/abnormal-extend-2.png);
    background-repeat: no-repeat;
}

.tooth-abnormal-extend-3 {
    padding: 0 15px;
    background-image: url(/app-resource/images/tooth/v1/icon/abnormal-extend-3.png);
    background-repeat: no-repeat;
}

.tooth-abnormal-extend-4 {
    padding: 0 15px;
    background-image: url(/app-resource/images/tooth/v1/icon/abnormal-extend-4.png);
    background-repeat: no-repeat;
}

.tooth-abnormal-facial-1 {
    padding: 0 15px;
    background-image: url(/app-resource/images/tooth/v1/icon/abnormal-facial-1.png);
    background-repeat: no-repeat;
}

.tooth-abnormal-facial-2 {
    padding: 0 15px;
    background-image: url(/app-resource/images/tooth/v1/icon/abnormal-facial-2.png);
    background-repeat: no-repeat;
}

.tooth-abnormal-facial-3 {
    padding: 0 15px;
    background-image: url(/app-resource/images/tooth/v1/icon/abnormal-facial-3.png);
    background-repeat: no-repeat;
}

.tooth-abnormal-facial-4 {
    padding: 0 15px;
    background-image: url(/app-resource/images/tooth/v1/icon/abnormal-facial-4.png);
    background-repeat: no-repeat;
}

.tooth-abnormal-lingual-1 {
    padding: 0 15px;
    background-image: url(/app-resource/images/tooth/v1/icon/abnormal-lingual-1.png);
    background-repeat: no-repeat;
}

.tooth-abnormal-lingual-2 {
    padding: 0 15px;
    background-image: url(/app-resource/images/tooth/v1/icon/abnormal-lingual-2.png);
    background-repeat: no-repeat;
}

.tooth-abnormal-lingual-3 {
    padding: 0 15px;
    background-image: url(/app-resource/images/tooth/v1/icon/abnormal-lingual-3.png);
    background-repeat: no-repeat;
}

.tooth-abnormal-lingual-4 {
    padding: 0 15px;
    background-image: url(/app-resource/images/tooth/v1/icon/abnormal-lingual-4.png);
    background-repeat: no-repeat;
}

.tooth-abnormal-rotate-1 {
    padding: 0 15px;
    background-image: url(/app-resource/images/tooth/v1/icon/abnormal-rotate-1.png);
    background-repeat: no-repeat;
}

.tooth-abnormal-rotate-2 {
    padding: 0 15px;
    background-image: url(/app-resource/images/tooth/v1/icon/abnormal-rotate-2.png);
    background-repeat: no-repeat;
}

.tooth-abnormal-rotate-3 {
    padding: 0 15px;
    background-image: url(/app-resource/images/tooth/v1/icon/abnormal-rotate-3.png);
    background-repeat: no-repeat;
}

.tooth-abnormal-rotate-4 {
    padding: 0 15px;
    background-image: url(/app-resource/images/tooth/v1/icon/abnormal-rotate-4.png);
    background-repeat: no-repeat;
}

.tooth-decay-qc {
    fill: #C0C0C0;
    fill-opacity: 0.8;
}

.tooth-decay-qq {
    fill: #646464;
    fill-opacity: 0.8;
}

.tooth-decay-zq {
    fill: #393939;
    fill-opacity: 0.8;
}

.tooth-decay-sq {
    fill: black;
    fill-opacity: 0.8;
}

.tooth-decay-jfq {
    fill: lightgray;
    fill-opacity: 0.8;
    stroke: black;
    stroke-width: 4;
    stroke-opacity: 1;
}

.tooth-filling-yg {
    fill: #b9b9b9;
    fill-opacity: 1;
}

.tooth-filling-sz {
    fill: #fff69a;
    fill-opacity: 0.8;
}

.tooth-filling-bllz {
    fill: #fcb541;
    fill-opacity: 0.8;
}

.tooth-restoration-jsg {
    fill: blue;
    fill-opacity: 0.8;
}

.tooth-restoration-kcg {
    stroke: #616161;
    stroke-width: 1;
    stroke-opacity: 1;
    fill: url(#restoration-kcg-lingual);
    fill-opacity: 1;
}

.tooth-restoration-kcg-lingual {
    stroke: blue;
    stroke-width: 1;
    fill: blue;
    fill-opacity: 0.8;
}

.tooth-restoration-qcg {
    stroke: #616161;
    stroke-width: 1;
    stroke-opacity: 1;
    fill: url(#restoration-qcg);
    fill-opacity: 1;
}

.tooth-missing {
    fill: white;
    fill-opacity: 1;
}

.tooth-unerupted {
    stroke: gray;
    stroke-width: 3;
    stroke-opacity: 1;
    fill: transparent;
    fill-opacity: 1;
}

.tooth-root-canal {
    fill: darkgray;
    fill-opacity: 1;
}

.tooth-wedge-shaped-defect {
    fill: #754629;
    fill-opacity: 1;
}

.tooth-recession-bleeding {
    stroke: red;
    stroke-width: 2;
    stroke-opacity: 1;
}

.tooth-recession-nobleeding {
    stroke: #ff9195;
    stroke-width: 2;
    stroke-opacity: 1;
}

.tooth-periapical-abscess {
    fill: red;
    fill-opacity: 1;
}

.tooth-periapical-cyst {
    fill: red;
    fill-opacity: 1;
    stroke: black;
    stroke-width: 2;
    stroke-opacity: 1;
}

.tooth-periapical-fistula {
    padding: 0 10px;
    background-image: url(/app-resource/images/tooth/v1/icon/tooth-periapical-fistula.png);
    background-repeat: no-repeat;
}

.tooth-broken-crown {
    fill: darkgray;
    fill-opacity: 1;
}

.tooth-broken-root {
    fill: darkgray;
    fill-opacity: 1;
}

.tooth-cracked-root {
    fill: transparent;
    fill-opacity: 1;
    stroke: transparent;
    stroke-width: 1;
    stroke-opacity: 1;
}

.tooth-transparent-mask {
    fill: transparent;
    fill-opacity: 1;
    stroke: transparent;
    stroke-width: 1;
    stroke-opacity: 1;
}

.tooth-label-badge {
    padding: 2px 2px !important;
}

/*.tooth-ghjtc {
    fill: blue;
    fill-opacity: 0.8;
}

.tooth-sztc {
    fill: orange;
    fill-opacity: 0.8;
}

.tooth-gjstc {
    fill: gold;
    fill-opacity: 0.8;
}

.tooth-ybjstc {
    fill: gray;
    fill-opacity: 0.8;
}

.tooth-qc {
    fill: black;
    fill-opacity: 0.8;
}

.tooth-lf {
    stroke: gray;
    stroke-width: 1;
    stroke-opacity: 1;
    fill: url(#lf);
    fill-opacity: 0.8;
}

.tooth-kcy {
    stroke: gray;
    stroke-width: 1;
    stroke-opacity: 1;
    fill: url(#kcy);
    fill-opacity: 0.8;
}

.tooth-jskcy {
    stroke: gray;
    stroke-width: 1;
    stroke-opacity: 1;
    fill: url(#jskcy);
    fill-opacity: 0.8;
}*/
